<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: ChenYu
  Date: 2017-06-13
  Time: 18:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%@include file="../public/app/commonJs.jsp" %>
    <title>精品鞋款</title>
</head>
<body>
<%@include file="../public/app/nav.jsp" %>
<div class="bannerWrap">
    <div class="banner mb60" style="background-image:url(${ctx}/static/mobile/image/05.jpg)">
        <p class="cn">精品鞋款</p>
        <p class="en">Boutique shoe</p>
        <p class="line2"><span></span></p>
    </div>
</div>

<div class="align_center list-select">
    <form action="${ctx}/app/shoes?type=1" method="post" id="myForm">
        <span class="select">
        <i class="text">${empty baseInfo.selectShoeStyle?"款式":baseInfo.selectShoeStyle}</i>
        <select name="style">
            <option value="">全部</option>
            <c:forEach items="${baseInfo.shoeStyles}" var="style">
                <option value="${style}"
                        <c:if test="${baseInfo.selectShoeStyle eq style}">selected</c:if>>${style}</option>
            </c:forEach>
        </select>
    </span>
        <span class="select">
        <i class="text">${empty baseInfo.selectShoeColor?"颜色":baseInfo.selectShoeColor}</i>
        <select name="color">
            <option value="">全部</option>
            <c:forEach items="${baseInfo.shoeColors}" var="color">
                <option value="${color}"
                        <c:if test="${baseInfo.selectShoeColor eq color}">selected</c:if>>${color}</option>
            </c:forEach>
        </select>
    </span>
        <span class="select">
            <i class="text">${empty baseInfo.selectShoeMaterial?"材质":baseInfo.selectShoeMaterial}</i>
            <select name="material">
                <option value="">全部</option>
                <c:forEach items="${baseInfo.shoeMaterials}" var="material">
                    <option value="${material}"
                            <c:if test="${baseInfo.selectShoeMaterial eq material}">selected</c:if>>${material}</option>
                </c:forEach>
            </select>
        </span>
    </form>

</div>

<div class="container">
    <div class="row list-product mb40">
        <c:forEach var="s" items="${shoesList}">
            <div class="col-xs-6 col-sm-3">
                <p class="img">
                    <c:if test="${empty s.coverImg}">
                        <a href="${ctx}/app/shoes/${s.id}"><img src="${ctx}/static/web/images/bj-xz.png" width="100%"></a>
                    </c:if>
                    <c:if test="${not empty s.coverImg}">
                        <a href="${ctx}/app/shoes/${s.id}"><img src="${baseInfo.fileServerPath}${s.coverImg}" width="100%"></a>
                    </c:if>
                </p>
                <p class="title"><a href="${s.taoBaoHref}">${s.name}</a></p>
                <p class="title2"><a href="${s.taoBaoHref}">￥${s.price}</a></p>
            </div>
        </c:forEach>
    </div>
</div>
<%@include file="../public/app/footer.jsp" %>
<script type="text/javascript">
    $(".select select").change(function () {
        $("#myForm").submit();
    });

</script>
</body>
</html>

